<!--
 * @Author: xiaonancheng
 * @Date: 2023-07-04 15:41:57
 * https://www.cnblogs.com/xiaonancheng
 * Copyright (c) 2023 by @xiaonancheng, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>
    <div class="container" style="margin-top: 200px;">
        <div class="row clearfix">
            <div class="col-md-4 column">
            </div>
            <div class="col-md-4 column">
                <form role="form" action="{% url 'login' %}" method="post">
                    {% csrf_token %}
                    <h1>{{msg}}</h1>
                    <div class="form-group">
                        <label for="username">用户名</label><input type="text" class="form-control"
                            id="username" name="username" value="{{username}}" />
                    </div>
                    <div class="form-group">
                        <label for="password">密码</label><input type="password" name="password" class="form-control"
                            id="password" />
                    </div>
                    <div class="form-group">
                        <span>请选择用户身份</span>
                        <label class="radio-inline">
                            <input type="radio" name="u_c" id="boos" value="boos" > 老板
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="u_c" id="staff"  value="staff"> 员工
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="u_c" id="user"  value="user"> 用户
                        </label>
                    </div>
                    <script>
                        $('#{{u_c}}').prop('checked', true);

                    </script>

                   
                     <button type="submit" class="btn btn-default">登陆</button>
                </form>
            </div>
            <div class="col-md-4 column">
            </div>
        </div>
    </div>

</body>

</html>